import axios from "axios"
import React, { useEffect, useState } from "react"
import { useNavigate, Outlet } from 'react-router-dom'
import { Card, Button } from 'antd-mobile'
import { MoreOutline, RightOutline, HeartFill, CloseCircleOutline, LocationFill, } from 'antd-mobile-icons'
import './css/my.css'
let Home = () => {
    let navigate = useNavigate()

    const linkMessage = () => {
        navigate('/message')
    }
    const linkIndent = () => {
        navigate('/indent')

    }

    return (
        <div className="my_div">
            <div className="top_div">
                {/* <div className="icon_div1">
                    <div className="icon_div">
                        <MoreOutline className="icon" />
                        |
                        <CloseCircleOutline className="icon" />
                    </div>
                </div> */}
                <div className="means_div">
                    <div className="img_name">
                        <img src="../../img/9.jpg" alt="" />
                        <div className="name_div">
                            <p>朱子健</p>
                            <p>158****1745</p>
                        </div>
                    </div>
                    <RightOutline className="right_icon" onClick={() => linkMessage()} fontSize={15} />
                </div>
            </div>
            <div className="content_div">
                <div className="card_div">
                    <Card
                        // icon={}
                        onClick={() => linkIndent()}
                        title={<div className="divvv" style={{ fontWeight: 'normal' }}>
                            <img src="../../img/竖线.png" alt="" />
                            我的订单
                        </div>}
                        extra={<RightOutline />}
                        style={{ borderRadius: '16px' }}
                    >
                        <div className="card_div1">
                            <div className="card_div2">
                                <img src="../../img/u2201.png" />
                                待付款
                            </div>
                            <div className="card_div2">
                                <img src="../../img/u2202.png" />
                                待收货
                            </div>
                            <div className="card_div2">
                                <img src="../../img/u2203.png" />
                                已完成
                            </div>
                            <div className="card_div2">
                                <img src="../../img/u2204.png" />
                                待评价
                            </div>
                        </div>
                    </Card>
                </div>
                <div className="card_div">
                    <Card>
                        <Card
                            // icon={}
                            onClick={() => navigate('/address')}
                            title={<div style={{ fontWeight: 'normal' }}>
                                <LocationFill className="iconn" />
                                我的地址
                            </div>}
                            extra={<RightOutline />}
                            style={{ borderRadius: '16px' }}
                        >
                        </Card>
                        <Card
                            onClick={() => navigate('/collect')}
                            // icon={}
                            title={<div style={{ fontWeight: 'normal' }}>
                                <HeartFill className="iconn" />
                                我的收藏
                            </div>}
                            extra={<RightOutline />}
                            style={{ borderRadius: '16px' }}
                        >
                        </Card>
                        <Card
                            onClick={() => navigate('/service')}
                            // icon={}
                            title={<div style={{ fontWeight: 'normal' }}>
                                <img src="../../img/客服.png" className="iconn" />
                                <span>联系客服</span>
                            </div>}
                            extra={<RightOutline />}
                            style={{ borderRadius: '16px' }}
                        >
                        </Card>
                        <Card
                            onClick={() => navigate('/opinion')}
                            // icon={}
                            title={<div style={{ fontWeight: 'normal' }}>
                                <img src="../../img/043_意见反馈.png" className="iconn" />
                                <span>意见反馈</span>
                            </div>}
                            extra={<RightOutline />}
                            style={{ borderRadius: '16px' }}
                        >
                        </Card>
                    </Card>

                </div>

                <div className="header_hot_box">
                    <div className="hot_title">
                        <h1>有奖邀请活动火热进行中...</h1>
                        <span className="title_item">活动日期：10.10-12.12</span>
                        < img className="rotate" src="https://cdn7.axureshop.com/demo2024/2188150/images/%E9%A6%96%E9%A1%B5_2/u1744.png" alt="" />
                    </div>
                </div>

                <div className="btn_div">
                    <Button>
                        退出
                    </Button>
                </div>
            </div>
        </div>
    )
}

export default Home